<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Thanh Luan
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
        <script type="text/javascript" language="javascript">
            var abc  =false;
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                initThickBox('.thickbox');    
                $j('.printPDF').live("click",function(){
                    //   $j('.abc1').css("display", "none");
                    printElem();
                    //  $j('.abc1').css("display", "block");
                });     
                function printElem(options){
                    $j('.content_right').printElement(options);     
                }
            });  
        </script>
        <style>
            .printPDF{
                cursor: pointer;
            }
            .webcame{
                background: url("../images/01.png") repeat scroll 0 0 transparent;
                height: 15px;
                width: 27px;
                float:left;
                margin-right:14px;

                cursor: pointer;
            }
            .webcame img{

            }
            .scapture{
                background: none repeat scroll 0 0 #39A3DD;
                height: 321px;
                margin-bottom: 4px;

                margin-top: 16px;
                padding-left: 0;
                position: absolute;
                width: 360px;
                z-index: 200;
                border-radius: 20px;
            }
            .scapture{
                visibility: hidden;

            }
            .fields_more{
                float:left;

                margin-top:44px !important;
            }
            .mesage{
                color: red;
                float: left;
                margin-left: 252px;
                margin-top: 20px;
                text-transform: uppercase;

            }
            .detail_more{
                float:left;
                /* margin-left:254px !important;*/
            }

            .feild_sex td label{width: 150px !important; color:white; font-size:12px; text-transform: none; margin-left:3px;}
            .buttonsearch2{
                border:0;
                background:url(../images/bg_submit.gif) repeat-x;
                width:68px;

                margin:0px 0 10px 20px;
                color:#ffffff;
                font-size:12px;
                font-weight:bold;
                cursor:pointer;
                border-radius:2px;
                padding:4px 0;
                text-transform:uppercase;
            }
            .mesage{
                color: red;
                float: left;
                margin-left: 252px;
                margin-top: 20px;
                text-transform: uppercase;

            }
            .updateN900{
                color:#fff;
                text-align: left;
                margin-left:8px;
                cursor: pointer;
                width:95% !important;
            }
            input{
                float:left;
                margin-left:9px;
            }
            select{
                float:left;
                height: 21px;
                width:82px;
                margin-left:9px;
            }
            .departmentlistN850 ul li{
                background: url("../images/bg_button2.gif");

            }

            .departmentlistN850 ul li span{
                width:125px !important;

            }

            .department:hover .departmentlist{display: block !important;z-index: 999;}
            .feild_sex{
                height: 127px !important;
                margin-left: 5px;
                margin-top: 14px;
                padding: 15px;
                width: 195px;
            }
            .chose1 a{
                width:125px !important;
            }
            /*            .popup-content .main_content .form_item_content .edit_form_left .fields_input {
                            float: left;
                            margin-top: 0px !important;
                            width: 100%;
                        }
                        .popup-content .main_content .form_item_content .edit_form_right .fields_input {
                            float: left;
                            margin-top: 0px !important;
                            width: 100%;
                        }*/
            .fields_input {
                float: left;

                width: 100%;
            }
            .buttonsaveS{
                background: url("../images/bg_submit.gif") repeat-x scroll 0 0 transparent;
                border: 0 none;
                border-radius: 5px 5px 5px 5px;
                box-shadow: 0 2px 3px #666666;
                color: #FFFFFF;
                cursor: pointer;
                float: right;
                font-size: 14px;
                font-weight: bold;
                margin: 19px 10px 10px;
                padding: 8px 0;
                text-transform: uppercase;
                width: 98px;
                text-align: center;
            }
            .sidebar .search_box .fields_submit input[type="submit"]{
                width: 98px !important;
            }

            .content_right .content .list_content{
                margin-top: 0px !important;
            }
            .fields_edit{
                margin-top: 5px !important;
            }
            .abc img{
                height: 22px;
                width: 27px;
            }
            .MsoListParagraphCxSpFirst{
                text-indent:0 !important;
            }
            .MsoListParagraphCxSpMiddle{
                 text-indent:0 !important;
            }
            .MsoListParagraph{
                 text-indent:0 !important;
            }
            .MsoListParagraphCxSpLast{
                 text-indent:0 !important;
            }
        </style>
    </head>


    <body>
        <a4j:form>

            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.TOU_CAL_PRO}'></div>" escape="false"/>
            <div id="content">
                <div id="menu_top">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Outlets</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>
                                <li><a href="#"><span>Ban Ðiều Hành</span></a></li>
                                <li><a href="#"><span>Nhóm IT</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="content_detail">

                    <div class="sidebar_row2">
                        <div class="sidebar">
                            <div class="sidebar_search">
                                <span> <h:outputText value="#{locale.search}"/></span>
                            </div>
                            <div class="search_box" style="display:none;">
                                <form action="" method="get">
                                    <h3><h:outputText value="#{locale.search}"/></h3>
                                    <div class="fields_input">
                                        <input name="" type="text"  value="<h:outputText value="#{locale.search_key}"/>..." onblur="if(this.value=='')this.value='<h:outputText value="#{locale.search_key}"/>...';" onfocus="if(this.value=='<h:outputText value="#{locale.search_key}"/>...')this.value='';" />
                                        <input name="" type="submit" value="OK" />
                                    </div>
                                </form>
                                <h4><h:outputText value="#{locale.advance_search}"/></h4>
                                <div class="fields_select">
                                    <select name="">
                                        <option><h:outputText value="#{locale.group}"/> / <h:outputText value="#{locale.Departments}"/></option>
                                    </select>
                                </div>
                                <div class="fields_select">
                                    <select name="">
                                        <option><h:outputText value="#{locale.sex}"/>...</option>
                                    </select>
                                </div>
                                <div class="fields_select">
                                    <select name="">
                                        <option><h:outputText value="#{locale.position}"/>...</option>
                                    </select>
                                </div>
                                <div class="fields_select">
                                    <select name="">
                                        <option><h:outputText value="#{locale.income}"/>...</option>
                                    </select>
                                </div>
                                <div class="fields_submit">
                                    <input name="" type="submit" value="<h:outputText value="#{locale.search_option}"/>" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="float: right;line-height: 60px;">
                        <h:outputLink disabled="#{item.offon}" rendered="#{loginSession.right.TOU_PRO_ONF}" value="aceeptfunctionOnOff.jsp?action=actionOnOffCopy&FS400=#{SPDetailBean.FS400}&FV050=#{SPDetailBean.FV050}&title=UPDATE&width=300&height=150" styleClass="fancybox abc xyz">

                            Cập nhật
                        </h:outputLink>
                    </div>
                    <div class="content_right">
                        <div style="height: 29px;background-color: #4A5763;width: 100%;line-height: 29px;">
                            <div style="margin-left: 15px;color: white;">
                                <h:outputText value="SẢN PHẨM TOUR :  #{SPDetailBean.title} " style="text-transform:uppercase"/>
                                <div style="float: left;text-transform:uppercase;margin-right: 10px;"><span><a href="productTourPrint.jsp?action=comback&FS400=<h:outputText value="#{SPDetailBean.idcomback}"/>"><h:graphicImage styleClass="printPDF1" value="../images/gnome_printer.png" width="30px;" height="30px;" alt="Print" title="Print" /></a></span></div>
                                <div style="margin-top:-10px;float: right;text-transform:uppercase;margin-right: 0px;"><a style="color:white;" href="listTour.jsp?action=deleteSessionTour"><span><h:graphicImage value="../images/left_grey.png" width="40px;" height="50px;" alt="Quay lại" title="Quay lại" /></span></a></div>
                            </div>

                        </div>

                        <div class="content" id="">
                            <div class="list_content" ><h:inputHidden value="#{SPDetailBean.FS400}" id="FS400"/>
                                <div class="scapture"></div>
                                <h:panelGroup id="reloadn100" >
                                    <a4j:repeat  value="#{SPDetailBean.listV450}" var="item" rowKeyVar="row" >
                                        <div style="padding: 0.5%;width: 99%;float: left;background-color:<h:outputText rendered="#{item.vl465!=null}" value="#F9F9F9"/> <h:outputText rendered="#{item.vl465==null}" value="#E6E9EB"/> ">


                                            <div style="float: left;width: 150px;height: 120px;box-shadow:0 0 3px #999999; padding: 3px; background: #ffffff">

                                                <h:panelGroup rendered="#{item.VV454!=null}"><h:graphicImage value="#{item.imageNameFile}" width="150px" height="120px;" alt="" /></h:panelGroup>
                                                <h:panelGroup rendered="#{item.VV454==null}"><h:graphicImage value="../images/default-thumb.gif" width="150px" height="120px;" alt="" /></h:panelGroup>



                                                </div>

                                                <div style="float: left;width: 71%;margin-left: 10px;">
                                                    <div style="float: left;width: 617px;margin-top: 0px;margin-left: 0px;"><i> <h:outputText style="color:#547DB1" value="#{item.VV452}"/></i></div>
                                                <div style="float: left;width: 100%;">
                                                    <label><b><h:outputText value="Tiêu đề"/></b></label>:
                                                    <div style="width:100%;height:26px;">
                                                        <b style="color: #1F58A6"> <h:outputText value="#{item.VV451}"/></b>
                                                    </div>

                                                </div>
                                                <div style="float: left;width: 100%;" class="to1">
                                                    <label><b><h:outputText  value="Nội dung"/></b></label>:
                                                    <div style="width:100%;height:auto;">
                                                        <h:outputText value="#{item.VV453}" escape="false"/>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="fields_edit">
                                                <h:outputLink rendered="#{loginSession.right.TOU_PRO_CRE}" style="color:white"   value="editproducDetailTourCopy.jsp?action=editCopy&PS450=0&FS400=#{item.FS400}&FV050=#{item.FV050}&KeepThis=true&amp;TB_iframe=true&amp;height=600&amp;width=741&amp;modal=true" styleClass="thickbox add_new" id="thickbox22"  >

                                                    <img src="../images/add_tab.png" alt="add" title="add"/>
                                                </h:outputLink>
                                                <h:outputLink rendered="#{loginSession.right.TOU_PRO_CRE}" style="color:white"   value="editproducDetailTourCopy.jsp?action=editCopy&PS450=#{item.PV450}&FS400=#{item.FS400}&FV050=#{item.FV050}&KeepThis=true&amp;TB_iframe=true&amp;height=600&amp;width=741&amp;modal=true" styleClass="thickbox add_new" id="thickbox2"  >

                                                    <img src="../images/edit.png" alt="edit" title="edit"/>
                                                </h:outputLink>



                                                <h:outputLink disabled="#{item.onoff}" rendered="#{loginSession.right.TOU_PRO_ONF}" value="aceeptfunctionOnOff.jsp?action=actionOnOffCopy&PS450=#{item.PV450}&FS400=#{item.FS400}&FV050=#{item.FV050}&title=ON1&width=300&height=150" styleClass="fancybox abc">
                                                    <h:graphicImage rendered="#{item.vl465==null}" value="../images/on.png" width="27px" height="22px;" alt="ON" title="ON"/>
                                                    <h:graphicImage rendered="#{item.vl465!=null}" value="../images/on1.png" width="27px" height="22px;" alt="ON" title="ON"/>
                                                </h:outputLink>
                                                <h:outputLink disabled="#{item.offon}" rendered="#{loginSession.right.TOU_PRO_ONF}" value="aceeptfunctionOnOff.jsp?action=actionOnOffCopy&PS450=#{item.PV450}&FS400=#{item.FS400}&FV050=#{item.FV050}&title=OFF1&width=300&height=150" styleClass="fancybox abc xyz">
                                                    <h:graphicImage rendered="#{item.vl465!=null}" value="../images/off.png" width="27px" height="22px;" alt="OFF" title="OFF"/>

                                                    <h:graphicImage rendered="#{item.vl465==null}" value="../images/off1.png" width="27px" height="22px;" alt="OFF" title="OFF"/>
                                                </h:outputLink>
                                            </div>
                                        </div>
                                    </a4j:repeat>
                                </h:panelGroup  >

                            </div>

                            <!-- End List Content-->    
                        </div>
                        <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                         height="30" width="40" zindex="2000">
                            <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                        </rich:modalPanel>
                    </div>

                </div>
            </div>

        </a4j:form>
    </body>
    <script type="text/javascript" src="../scripts/webcame/jquery.webcam.js"></script>
</html>
